<template>
  <div class="campus">
    <h1>温州理工滨海校区</h1>
    <div>
      <input type="text" v-model="studentId" placeholder="输入学号">
      <button @click="searchStudent">搜索</button>
    </div>
    <div v-if="studentInfo">
      <h2>学生信息</h2>
      <p>学号: 123456</p>
      <p>姓名: 李小明</p>
      <p>年龄: 18</p>
      <p>专业: 计算机科学</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentId: '',
      studentInfo: null
    }
  },
  methods: {
    searchStudent() {
      // 这里可以添加实际的搜索逻辑
      this.studentInfo = {
        id: '123456',
        name: '李小明',
        age: 18,
        major: '计算机科学'
      }
    }
  }
}
</script>